/* 第一栏导航 */
.navigationbar{
  width: 100%;
  height:36px;
  background-color: #000;
}
.navigation{
  width: 1200px;
  height: 36px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}
.navigation li a{
  opacity: 0.8;   
  color: #ffffff; 
}
.navigation li a:hover{
  opacity: 1;
}

.nav-left{
  width: 540px;
  height: 36px;  
}
.nav-left ul{
  display: flex;
}
.nav-left ul li{
  font-size: 13px;
  margin-right:40px ;
  line-height: 36px;
}
.icon{
  position: relative;
}
.nav-right em{
  width: 16px;
  height: 16px;
  background-image: url(../imgs/icon-common.svg);
  background-position:-103px 0 ;
  position: absolute;
  top: 9px;
  left: -20px;
}
.nav-right{
  width: 430px;
  height: 36px;  
}
.nav-right ul{
  display: flex;
  justify-content: flex-end;
}
.nav-right ul li{
  font-size: 13px;
  margin-left:40px ;
  line-height: 36px;  
}
.nrl{
  display: block;
  float: left;
  width: 30px;
  height: 14px;
  border-right: solid 1px;
  margin-top: 12px;
  margin-right: 5px;
  line-height: 14px; 
}
.icon{
  position: relative;
}
.icon:hover .erweima{
  display:block;
}
.erweima{
  position: absolute;
  display: none;
  left: -150px;
  width: 200px;
  height: 400px;
  background-color: #ffffff;
  z-index: 2;
}
.erweima>div{
  
  width: 200px;
  height: 134px;
  box-sizing: border-box;
  padding: 10px;
  padding-top: 20px;
}
.erweima>div>div{
  box-sizing: border-box; 
  float: left;
  width: 90px;
  height: 90px;

}
.erweima>div>div:nth-child(1){
  background-image: url(../imgs/13.png);
  background-size:100% ;
  
}
.ewmh h6{
  line-height: 20px;
  font-size: 12px;
  font-weight: bolder;
}
.ewmh p{
  line-height: 18px;
  font-size: 8px;
  color: red;
  /* font-weight: bolder; */
}
.ewmen p{
  color: rgb(194, 192, 192);
}
.ewmh em{
  width: 30px;
  height: 40px;
  background-image: url(../imgs/icon-common.svg);
  background-position:0px 0px ;
  position: absolute;
  top: 59px;
  left: 5px;
}

.ewm2{
  
  border-top: solid black 1px;
  border-bottom: solid black 1px;
}
.ewm2>div:nth-child(1) {
  background-image: url(../imgs/12.jpg) !important;
  background-size:100% ;
}
.ewm3>div:nth-child(1) {

  background-image: url(../imgs/14.jpg) !important;
  background-size:100% ;
}
.nav-right span{
  width: 20px;
  height: 20px;
  background-image: url(../imgs/icon-common.svg);
  background-position: -125px -148px;
  position: absolute;
  top: 10px;
  right: -18px;
  } 
.icon a:hover span{
  background-image: url(../imgs/icon-common.svg);
  background-position: -138px -148px;
  position: absolute;
  top: 10px;
  right: -14px;
  } 

  /* 第二栏导航 */
.header{
  width: 1200px;
  padding:25px 0px 0px ;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content:space-between;
}
.header-left{
  display: flex;
  width: 700px;
  a {
    margin-left: 20px;
      font-size: 22px;
      line-height:25px ;
      color: #000;
    }
}
.header-left-img{
  width: 143px;
  height: 25px;
  background-image: url(../../www/imgs/logo.png);
  background-size: 100%;
}

.shopcar-cent{
  width: 100%;
  min-height: 400px;
  background-color: #f1f1f1;
  margin-top: 10px;  
}
.shopcar-cent-mgn {
  padding: 10px;
  margin: 0 auto;
  width: 1200px;
  min-height: 400px;
  background-color: darkgray;
  .shop-cent-1{
    width: 1200px;
    height: 40px;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
        p{
      height: 40px;
      background-color: #ffffff;
      margin-left: 30px;
      span {
        color: #474747;
        font-size: 12px;
        margin-right: 80px;
        line-height: 40px;
      }
    }    
  }

}

.shop-cent-2 {
  input{
    margin-top: 30px;
  }
  .cent-right {
    img {
      width:80px;
      height: 80px;
    }
  }
}